







<template>
  <div id="helpDocPage" class="tech-gradient-bg">
    <div class="help-container">
      <h1 class="tech-heading">帮助文档</h1>
      <div class="help-content">
        <div class="help-section">
          <h2>使用指南</h2>
          <p>Hong AI应用生成平台提供了强大的AI代码生成功能，帮助您快速构建各种类型的应用程序。</p>
        </div>
        <div class="help-section">
          <h2>功能说明</h2>
          <ul class="help-list">
            <li>支持多种应用类型生成（博客、电商、企业网站等）</li>
            <li>可视化配置应用参数</li>
            <li>一键部署生成的应用</li>
            <li>应用管理和监控</li>
          </ul>
        </div>
        <div class="help-section">
          <h2>常见问题</h2>
          <div class="faq-item">
            <h3>如何生成我的第一个应用？</h3>
            <p>登录后，点击首页的"开始创建"按钮，选择应用类型，填写相关参数，然后点击"生成应用"即可。</p>
          </div>
          <div class="faq-item">
            <h3>应用生成需要多长时间？</h3>
            <p>根据应用复杂度不同，通常在几十秒到几分钟不等。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>


<script lang="ts" setup>
// 帮助文档页面的逻辑代码
</script>

<style scoped>
#helpDocPage {
  padding: 20px;
  min-height: 100vh;
}

.help-container {
  max-width: 1000px;
  margin: 0 auto;
}

.tech-heading {
  color: #00d2d3;
  margin-bottom: 30px;
  text-align: center;
}

.help-content {
  background: rgba(26, 26, 48, 0.8);
  padding: 30px;
  border-radius: 8px;
  border: 1px solid rgba(0, 210, 211, 0.2);
}

.help-section {
  margin-bottom: 30px;
}

.help-section h2 {
  color: #00d2d3;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 210, 211, 0.2);
  padding-bottom: 8px;
}

.help-section h3 {
  color: #ffffff;
  margin-bottom: 10px;
  margin-top: 20px;
}

.help-section p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
}

.help-list {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 20px;
}

.help-list li {
  margin-bottom: 10px;
  line-height: 1.6;
}

.faq-item {
  margin-bottom: 20px;
}
</style>












